import React, { useEffect } from 'react'
// 注意: 如果使用Portal技术,则ReactDOM引入时,包名不要写/client
import ReactDOM from 'react-dom'
// 创建一个容器dom
const container = document.createElement('div')
export default function Test() {
  useEffect(() => {
    document.getElementById('wrap').appendChild(container)
    return () => {
      document.getElementById('wrap').removeChild(container)
    }
  }, [])
  return ReactDOM.createPortal(<div>Test</div>, container)
  //   return ReactDOM.createPortal(<div>Test</div>, document.getElementById('test'))
}
